
{literal}
<script type="text/javascript">
$(document).ready(function() {
	var ticketId = $('#currentTicketId').val();	
	loadMedicineAndEquipmentForm(ticketId);
	
	$('#inputFormOutSide').tabs({		
		selected: 0,
		select: function(event, ui) {

			switch (ui.index) {
			case 0:
				loadMedicineAndEquipmentForm(ticketId);
				break;
			case 1:				
				loadSurgeryForm(ticketId);
				break;
			case 2:
				loadTestForm(ticketId);
				break;
            case 3:
                loadRadForm(ticketId);
                break;
			default:
				break;
			}
		}
	});
});	
</script>
{/literal}
<div id="inputFormOutSide" style="width: 100%;">	
	<ul>
		<li><a href="#tabContent">{translate}Medicine / Equipment{/translate}</a></li>
		<li><a href="#tabContent">{translate}Surgery{/translate}</a></li>
		<li><a href="#tabContent">{translate}Laboratory{/translate}</a></li>
		<li><a href="#tabContent">{translate}Radiology{/translate}</a></li>
	</ul>
	<div id="tabContent">
		
	</div>	
</div>
